<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>邮箱验证码</title>
</head>
<body style="font-family: 'Helvetica Neue', Arial, sans-serif; background-color: #f6f6f6; margin: 0; padding: 0; height: 100vh; box-sizing: border-box;">
    <div style="width: 100%; height: 100%; background: white; box-shadow: none; display: flex; flex-direction: column;">
        <div style="background-color: #4f46e5; padding: 40px 20px; text-align: center; color: white;">
            <h1 style="margin: 0; font-size: 28px;">验证码通知</h1>
        </div>

        <div style="flex: 1; padding: 40px 20px;">
            <p style="font-size: 18px; color: #333;">您好，</p>
            <p style="font-size: 18px; color: #333;">您正在进行身份验证操作。请使用以下验证码：</p>

            <div style="font-size: 40px; font-weight: bold; text-align: center; color: #4f46e5; margin: 30px 0;">
                {{ code }}
            </div>

            <p style="font-size: 16px; color: #888;">此验证码将在 5 分钟后失效，请尽快使用。</p>
            <p style="font-size: 16px; color: #aaa; margin-top: 40px;">如果您未发起此请求，请忽略此邮件。</p>
        </div>

        <div style="background-color: #f0f0f0; text-align: center; padding: 20px; font-size: 14px; color: #888;">
            © {{ year }} MeverikC. All rights reserved.
        </div>
    </div>
</body>
</html>
